<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css">
    <style>
        body{
            background: url("https://cdn8.axureshop.com/demo2025/2323467/images/%E7%99%BB%E5%BD%95/u0.jpg");
        }
        #id1{
            width: 500px;
            height: 516px;
            background-color: white;
            margin-top: 180px;
            float: right;
            margin-right: 200px;
        }
        form{
            margin-top: 60px;
        }
    </style>
</head>
<body>
<div id="id1" >
<div style="text-align: center;margin: 80px auto;color: dodgerblue"><h1>管理平台</h1></div>
<form class="layui-form" method="post" action="{%url 'index:checkpass' %}" >
    <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <div class="layui-input-inline">
      <input type="text" style="width: 300px" name="title" lay-verify="title" autocomplete="off" placeholder="请输入账号" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <div class="layui-input-inline">
      <input type="password" style="width: 300px" name="password" lay-verify="password" autocomplete="off" placeholder="请输入密码" class="layui-input">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label"></label>
    <div class="layui-input-inline">
      <button style="width: 300px" class="layui-btn layui-btn-primary layui-border-blue layui-btn-fluid">登录</button>
    </div>
    </div>
</form>
</div>
</body>
<script src="https://unpkg.com/layui@2.6.8/dist/layui.js" />
<script>
layui.use(['form'], function(){
  var form = layui.form;
});
</script>
</html>